<style>
  p{
    margin-bottom: 5px;
  }
  .share-btn{
    display: block;
    height: 32px;
    width: 40px;
    background: url("img/share.png") no-repeat -9px center;
    background-size: 84%;
    border: 0;
  }
  .border-red{
    border: 1px red solid;
  }
  .margin-top{
    margin-top: 12px;
  }
  .white-bg{
    background-color: #fff;
  }
  .shop-phone-icon{
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url("img/phone.png") no-repeat -4px center;
    vertical-align: middle;
    background-size: 14px;
  }
  .shop-item-title{
    line-height: 45px;
    font-size: 16px;
    color: #3b3b3b;
    padding-left: 15px;
    border-bottom: 1px #eee solid;
  }
  .shop-item-content{
    padding: 15px;
    color: #666;
    border-bottom: 1px #eee solid;
  }
  .shop-item-content .shop-time{
    font-size: 12px;
    line-height: 14px;
  }

  .shop-item-content .shop-time-icon{
    display: inline-block;
    width: 13px;
    height:14px;
    vertical-align: top;
    background: url("img/time.png") no-repeat center center;
    background-size: 13px;
  }
  .w4-hot-list{
    border-bottom: 1px #eee solid;
    margin-bottom: 0;
  }
  .user-info{
    color: #3b3b3b;
    font-size: 12px
  }
  .user-img{
    width: 70px;
  }
  .user-img img{
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    border: none;
  }
  .user-info.reset p{
    line-height: 50px;
    height: 60px;
    font-size: 18px;
  }
  .user-info.reset p a{
    color: #666;
  }
  .user-info.reset p .shop-phone-icon{
    height: 40px;
    width: 20px;
    background-size: 22px;
    background-position: -6px 8px;
  }

  .shopaclist .item-thumbnail-left:last-child{
    margin-bottom: 0;
  }
  .shopaclist .item-thumbnail-left{
    padding-left: 126px;
    padding-top: 12px;
    margin-bottom: 10px;
  }
  .shopaclist h2{
    margin-bottom: 10px;
    padding-right: 50px;
  }
  .shopaclist .actime{
    padding-left: 20px;
    background: url(img/time.png) no-repeat left center;
    background-size: 15px;
  }
  .shopaclist .acaddress{
    padding-left: 20px;
    background: url(img/hintadd.png) no-repeat left center;
    background-size: 13px;
    background-position-x: 1px;
  }
  .shopaclist .acdelete{
    position: absolute;
    right: 10px;
    top: 12px;
    padding-left: 20px;
    background: url(img/icon/myindex/laji.png) no-repeat left center;
    background-size: 13px;
    background-position-x: 1px;
    font-size: 12px;
  }
  .shopaclist .item-thumbnail-left img{
    width: 110px;
    max-width: 110px;
  }
  .shopaclist .activity-flag{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 56px;
    height: 20px;
    background-color: #ccc;
    color: #fff;
    font-size: 12px;
    text-align: center;
  }
  .pro-tuijian{
    padding: 10px 0 0 25px;
    margin-top: 10px;
  }
</style>
<ion-view title="金策师" >

  <ion-nav-bar align-title="center" class="bar" >
    <ion-nav-back-button class="button-clear" style="padding-left: 15px;">
      <!--自定义返回图标-->
      <i  style="display: block;width: 22px;height:22px;margin-top: 4px;background: url('./img/back.png') center/22px 22px"></i>
    </ion-nav-back-button>
    <ion-nav-buttons  side="right" >
      <button ng-if="!ISWEB" class="button" ng-click="proshare()" style="background-color: #fff;">
        分享
      </button>
    </ion-nav-buttons>
  </ion-nav-bar>
  <ion-content>
    <div class="row white-bg margin-top" style="padding: 15px;padding-bottom: 0">
      <div class="user-img">
        <img ng-show="user.uImage" ng-src="{{(user.uImage.indexOf('http:') >= 0) ? user.uImage : (requrl + user.uImage)}}?x-oss-process=image/resize,w_750">
        <img ng-show="!user.uImage" src="img/h.png">
      </div>
      <div class="col user-info" ng-if="user.uRealName">
        <p style="font-size: 15px"><span style="padding-right: 20px;font-size: 18px">{{user.uRealName}}</span>{{user.uJob}}</p>
        <p style="color: #999">{{user.uCompanyName}}</p>
        <p style="color: #999"><a href="tel:{{user.mobile}}" style="color: #999;display: block;padding-bottom: 10px"><span class="shop-phone-icon"></span>{{user.mobile}}</a></p>
      </div>
      <div class="col user-info reset" ng-if="!user.uRealName">
        <p><a href="tel:{{user.mobile}}" style="color: #666;"><span class="shop-phone-icon"></span>{{user.mobile}}</a></p>
      </div>
    </div>
    <div class="row bg-fff text-center" style="border-top: 1px solid #eee;">
      <div ui-sref="shopSaySay({sphone:user.mobile})" class="col" style="padding-top: 10px; position: relative;">动态<span style="color:#999">({{pager.totalCount}})</span><div class="right-line"></div></div>
      <div ui-sref="previewProduct({sphone:phone,uid:user.id})" class="col" style="padding-top: 10px; position: relative;">产品<span style="color:#999">({{shoproductsPager.totalCount}})</span><div class="right-line"></div></div>
      <div ui-sref="app.previewShopsAcList({sphone:phone})" class="col" style="padding-top: 10px; position: relative;">活动<span style="color:#999">({{shopsActivityPage.totalCount}})</span></div>
    </div>
    <div class="margin-top white-bg">

      <div class="shop-item-title">
        个人动态<span ng-if="list.length>0">（{{pager.totalCount}}）</span>
      </div>
      <div class="shop-item-content" ng-repeat="i in list" ng-if="$index < 2">
        <p>{{i.scontent}}</p>
        <img ng-if="i.simages" style="width: 100px" ng-src="{{baseUrl+i.simages}}?x-oss-process=image/resize,w_750">
        <div class="shop-time">
          <span class="shop-time-icon"></span>
          {{i.updateDate}}
        </div>
      </div>
      <div class="shop-item-content" ng-if="list.length<=0">
        <div class="text-center" style="line-height: 50px">该用户还没有动态</div>
      </div>
      <div class="shop-item-content text-center" ng-if="list.length > 2" ui-sref="shopSaySay({sphone:user.mobile})">查看全部动态
      </div>
    </div>
    <div class="margin-top white-bg">
      <div class="shop-item-title">
        产品 <span ng-if="shoproducts.length>0">（{{shoproductsPager.totalCount}}）</span>
      </div>
      <div ng-repeat="p in shoproducts" ng-click="toView(p.pType, p.fpFundInfoDTO ? p.fpFundInfoDTO.id : p.productDTO.code)" ng-if="$index < 2">
        <div class="bg-fff w4-hot-list">
          <div class="row w4-hot-list-top">
            <div class="w4-hot-list-top-2" ng-if="p.pType==01">
              <img width="15px" src="https://www.superfa.cn/upload/bann/20160427/1461744645972simu.png">
              阳光私募
            </div>
            <div class="w4-hot-list-top-2" ng-if="p.pType==02">
              <img width="15px" src="https://www.superfa.cn/upload/bann/20160427/1461744667912xt.png">
              集合信托
            </div>
            <div class="w4-hot-list-top-2" ng-if="p.pType==03">
              <img width="15px" src="https://www.superfa.cn/upload/bann/20160427/1461744683204zg.png">
              集合资管
            </div>
            <div class="w4-hot-list-top-2" ng-if="p.pType==06">
              <img width="15px" src="https://www.superfa.cn/upload/bann/20160427/1461744602611pevc.png">
              股权基金
            </div>
            <div class="w4-hot-list-top-2" ng-if="p.pType==07">
              <img width="15px" src="img/zq_icon.png">
              债权基金
            </div>
            <div class="w4-hot-list-top-3" ng-if="p.pType != 01">{{p.productDTO.name}}</div>
            <div class="w4-hot-list-top-3" ng-if="p.pType == 01">{{p.fpFundInfoDTO.jjmc}}</div>
            <img ng-if="p.productDTO.saleStatus == 02" class="w4-hot-list-statusimg" src="img/status_yuren.png" width="44px" height="44px">
            <img ng-if="p.productDTO.saleStatus == 03" class="w4-hot-list-statusimg" src="img/status_mujizhong.png" width="44px" height="44px">
            <img ng-if="p.productDTO.saleStatus == 04" class="w4-hot-list-statusimg" src="img/status_muman.png" width="44px" height="44px">
            <img ng-if="p.productDTO.saleStatus == 05" class="w4-hot-list-statusimg" src="img/status_jieshu.png" width="44px" height="44px">
            <img ng-if="p.fpFundInfoDTO.jjzt == '开放运行'" class="w4-hot-list-statusimg" src="img/simu_open.png" width="44px" height="44px">
            <img ng-if="p.fpFundInfoDTO.jjzt == '封闭运行'" class="w4-hot-list-statusimg" src="img/simu_close.png" width="44px" height="44px">
          </div>
          <div class="row w4-hot-list-cen" ng-if="p.pType != '01'">
            <div class="col">
              <div class="w4-hot-list-cen-info1" ng-if="p.pType!=06">预期年化</div>
              <div class="w4-hot-list-cen-info1" ng-if="p.pType==06">基准收益</div>
              <div class="w4-hot-list-cen-info2">{{p.productDTO.profitHight.expectAnnualRevenue}}</div>
            </div>
            <div class="col w4-hot-list-cen-info3">
              <div><span></span></div>
              <div>产品期限<span>{{p.productDTO.dueTime}}个月</span></div>
              <div ng-if="p.pType == '06'">组织形式<span>{{p.productDTO.productExpandDTO.peOrganizeShape | zuzhixingshi}}</span></div>
              <div ng-if="p.pType != '06'">投资领域<span>{{p.productDTO.investType | touzhihangye}}</span></div>
              </div>
            </div>
            <div class="row w4-hot-list-cen" ng-if="p.pType == '01'">
              <div class="col">
                <div class="w4-hot-list-cen-info1">涨跌幅</div>
                <div class="w4-hot-list-cen-info2"> </div>
              </div>
              <div class="col w4-hot-list-cen-info3">
                <div>最新净值<span>{{p.fpFundInfoDTO.lsjzJson[0].jzdw || '--'}}</span></div>
                <div>累计净值<span>{{p.fpFundInfoDTO.lsjzJson[0].ljjz || '--'}}</span></div>
                <div>基金经理<span>{{p.fpFundInfoDTO.jjjlmc}}</span></div>
              </div>
            </div>
            <div>
              <div class="row row-no-padding" ng-if="p.pType != '01'">
                <div class="w4-home-progress" >
                  <div class="w4-home-progress-in" style="width:{{p.productDTO.process}}%"></div>
                </div>
                <div class="w4-home-progress-in-text">{{p.productDTO.process}}%</div>
              </div>            
            </div>
            <div class="pro-tuijian" ng-if="p.tuijianReson">推荐理由：{{p.tuijianReson}}</div>
          </div>
         
        </div>
         <div class="shop-item-content" ng-if="shoproducts.length <= 0">
            <div class="text-center" style="line-height: 50px">该用户还没有产品</div>
          </div>
        <div class="shop-item-content text-center" ng-if="shoproducts.length > 2 " ui-sref="previewProduct({sphone:phone,uid:user.id})">查看全部产品
        </div>
      </div>

    </div>

    <div class="margin-top white-bg shopaclist">
      <div class="shop-item-title" style="border-bottom: 0;">
        活动<span ng-if="shopsActivity.length > 0">（{{shopsActivityPage.totalCount}}）</span>
      </div>
      <div class="list" style="margin: 0;">
        <a ng-repeat="l in shopsActivity" ui-sref="app.shopsPreviewAcDetail({id: l.id, sphone: user.mobile})" class="item item-thumbnail-left" href="javascript:" style="margin-bottom: 0px; border-color: #eee;">
          <img ng-src="{{l.activityImg ? (baseUrl + l.activityImg) : 'img/shop_activity.png'}}?x-oss-process=image/resize,w_750">
          <i ng-show="l.activityOver" class="activity-flag">活动结束</i>
          <h2>{{l.activityTitle}}</h2>
          <p class="actime">{{l.activityStartDateTime | date:'yyyy-MM-dd HH:mm'}}</p>
          <p ng-show="l.activityType == '1'" class="acaddress">{{l.activityAddress}}</p>
        </a>
      </div>

      <div class="shop-item-content" ng-if="shopsActivity.length<=0">
        <div class="text-center" style="line-height: 50px">该用户还没有活动</div>
      </div>
      <div class="shop-item-content text-center" ng-if="shopsActivityPage.totalCount > 2" ui-sref="app.previewShopsAcList({sphone:user.mobile})">查看全部活动
      </div>
    </div>
  </ion-content>
  <div ng-if="!ismaster" ui-sref="shopChat({tid:user.id,ismaster:false})" style="position:absolute;right: 1rem;bottom: 20%;z-index: 999">
    <img src="img/shops/gtlb.png" width="45px"/>
  </div>
</ion-view>